.rank-list {
  display: flex;
  flex-direction: column;
  color: white;

  .rank-item {
    display: flex;
    flex-direction: row;
    margin-top: 0.225vw; /* 0.25vw * 0.9 */
    align-items: center;

    .rank-item-index span {
      width: 2.07vw; /* 2.3vw * 0.9 */
      height: 0.99vw; /* 1.1vw * 0.9 */
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #1F2125;
      font-size: 0.63vw;/* 0.7vw * 0.9 */
      color: white;
      border-radius: 0.09vw; /* 0.1vw * 0.9 */
    }

    .rank-item-content {
      display: flex;
      flex-direction: column;
      margin-left: 0.9vw; /* 1vw * 0.9 */
      justify-content: space-between;

      .tip {
        font-size: 0.63vw; /* 0.7vw * 0.9 */
        display: flex;
        flex-direction: row;

        .content {
          margin-left: 0.675vw; /* 0.75vw * 0.9 */
        }
      }

      .progress {
        background-color: white;
        height: 0.45vw; /* 0.5vw * 0.9 */
        border-radius: 0.18vw; /* 0.2vw * 0.9 */
        margin-bottom: 0.36vw; /* 0.4vw * 0.9 */
      }
    }
  }
}
